<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="//cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
		<script src="//cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
		<link href="command/bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css" rel="stylesheet" />
		<link href="command/bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet" />
	</head>
	<body style="background-color: #afb4db;">
		<div style="margin-left: 20px;margin-top: 20px;">
		<img id=obj src="img/1.jpg" width=800 height=450 border=0>
		</div>
		<script language=javascript>
			var curIndex = 0;
			//时间间隔(单位毫秒)，每秒钟显示一张，数组共有5张图片放在Photos文件夹下。
			var timeInterval = 1000;
			var arr = new Array();
			arr[0] = "img/1.jpg";
			arr[1] = "img/2.jpg";
			arr[2] = "img/3.jpg";
			arr[3] = "img/m.png";
			setInterval(changeImg, timeInterval);

			function changeImg() {
				var obj = document.getElementById("obj");
				if (curIndex == arr.length - 1) {
					curIndex = 0;
				} else {
					curIndex += 1;
				}
				obj.src = arr[curIndex];
			}
		</script>
	</body>
</html>
